{% extends "admin/base.html" %}
{% load static %}

{% block title %}{{ title }} | 亚马逊产品管理系统{% endblock %}

{% block branding %}
<h1 id="site-name">
    <a href="{% url 'admin:index' %}">
        <i class="fas fa-store"></i>
        亚马逊产品管理系统
    </a>
</h1>
{% endblock %}

{% block extrastyle %}
{{ block.super }}
<link rel="stylesheet" type="text/css" href="{% static 'css/admin_modern.css' %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
    /* 管理界面专用样式增强 */
    #site-name a {
        color: white;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    #site-name i {
        font-size: 1.5rem;
    }
    
    /* 改进导航样式 */
    .module h2, .module caption, .inline-group h2 {
        background: linear-gradient(135deg, var(--primary-color, #3498db), #5dade2);
        color: white;
        margin: 0;
        padding: 12px 15px;
        font-weight: 500;
        border-radius: 8px 8px 0 0;
    }
    
    /* 表单样式改进 */
    .form-row {
        padding: 15px 0;
        border-bottom: 1px solid #f1f2f6;
    }
    
    .form-row:last-child {
        border-bottom: none;
    }
    
    /* 侧边栏美化 */
    #changelist-filter {
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        margin-left: 20px;
    }
    
    /* 操作按钮美化 */
    .object-tools {
        margin-bottom: 20px;
    }
    
    .object-tools li {
        margin-right: 10px;
    }
    
    .object-tools a {
        background: linear-gradient(135deg, #27ae60, #58d68d);
        color: white;
        padding: 10px 20px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.3s ease;
        box-shadow: 0 2px 5px rgba(39, 174, 96, 0.3);
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }
    
    .object-tools a:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(39, 174, 96, 0.4);
    }
    
    .object-tools a:before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    
    .addlink:before {
        content: "\f067"; /* plus icon */
    }
    
    /* 搜索框改进 */
    #toolbar {
        background: #f8f9fa;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    #searchbar {
        border: 2px solid #e9ecef;
        border-radius: 8px;
        padding: 10px 15px;
        font-size: 1rem;
        width: 300px;
        transition: all 0.3s ease;
    }
    
    #searchbar:focus {
        outline: none;
        border-color: var(--primary-color, #3498db);
        box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
    }
    
    /* 消息样式 */
    .messagelist {
        margin: 20px 0;
    }
    
    .messagelist li {
        padding: 15px 20px;
        margin-bottom: 10px;
        border-radius: 8px;
        border-left: 4px solid;
        background: white;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    
    .messagelist .success {
        border-left-color: #27ae60;
        background: #d4f7d4;
        color: #155724;
    }
    
    .messagelist .error {
        border-left-color: #e74c3c;
        background: #ffeaea;
        color: #721c24;
    }
    
    .messagelist .warning {
        border-left-color: #f39c12;
        background: #fff8dc;
        color: #856404;
    }
</style>
{% endblock %}

{% block extrahead %}
{{ block.super }}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% endblock %} 